<script setup>
// 导入ref函数
import  {ref} from 'vue'

//使用ref函数 传入简单类型或复杂类型  返回一个响应式的对象
// 再script标签中使用的时候通过.value来使用
// 模板里直接使用变量名即可
const count = ref(0)
const message = '我就展示的,不干别的'
console.log(count.value);
const add = () => {
  count.value++
}
</script>

<template>
  <div class="app-page">
    {{ count }} -- {{ message }}
    <button @click="add">加1</button>
  </div>
</template>

<style scoped></style>
